<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>订单列表</title>
    <link rel="stylesheet" href="../../dist/css/bootstrap.min.css">
    <link href="../../css/bootstrap-datetimepicker.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/all-like-orderlist.css">
    <link rel="stylesheet" href="../../css/people.css">
    <script src="../../js/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.js"></script>
    <!--引入时间插件-->
    <script src="../../js/moment-with-locals.min.js"></script>
    <script src="../../js/bootstrap-datetimepicker.js"></script>
    <script>
        $(document).ready(function() {
            $("#datetimepicker").datetimepicker({
                format: "yyyymm",
                weekStart: 1,
                autoclose: true,
                startView: 3,
                minView: 3,
                forceParse: false,
                endDate: new Date(), // 窗口可选时间从今天开始
                pickerPosition: "bottom-left"
            });
            $("#datetimepicker2").datetimepicker({
                format : "yyyymm",
                weekStart : 1,
                autoclose : true,
                startView : 3,
                minView : 3,
                forceParse : false,
                endDate : new Date(), // 窗口可选时间从今天开始
                pickerPosition : "bottom-left"

            });
            //批量删除，获得批量编号
            $(".delbtn").click(function(){
                var ids = BBB('ck');
                alert(ids);
            });
        })
    </script>
</head>
<body>
<div class="container-fluid">
    <div class="solid-hr row"></div>
    <div class="operation row">
        <button class="btn delete delbtn col-md-1"><img src="../../images/delete01.png" alt="">批量删除</button>
        <button class="btn btn-success distribute col-md-1"><img src="../../images/add.png" alt="">添加</button>
        <form class="select-option col-md-6">
            <input class="order-num" type="text" value="请输入用户名" placeholder="请输入用户名">
            <input type="submit" class="btn btn-success sub" value="查询">
        </form>
    </div>
    <!--表格-->
    <div class="table-list row">
        <table class="table table-bordered">
            <tr class="active">
                <td><input  onclick="AAA('ck')" type="checkbox" checked></td>
                <td>订单编号</td>
                <td>收货人</td>
                <td>总金额</td>
                <td>应付金额</td>
                <td>订单状态</td>
                <td>支付方式</td>
                <td>下单时间</td>
                <td>操作</td>
            </tr>
            <tr>
                <td><input name="ck" type="checkbox" value="hys20180716"></td>
                <td>hys20180716</td>
                <td>张三</td>
                <td>245</td>
                <td>280</td>
                <td>结束状态</td>
                <td>微信支付</td>
                <td>2018-07-16</td>
                <td><img src="../../images/delete02.png"/><img src="../../images/edit.png" data-toggle="modal" data-target="#exampleModal" data-whatever="修改用户信息"/></td>
            </tr>
            <tr>
                <td><input name="ck" type="checkbox" value="hys20180717"></td>
                <td>hys20180716</td>
                <td>张三</td>
                <td>245</td>
                <td>280</td>
                <td>结束状态</td>
                <td>微信支付</td>
                <td>2018-07-16</td>
                <td><img src="../../images/delete02.png"/><img src="../../images/edit.png"/></td>
            </tr>
        </table>
    </div>
    <!--分页-->
    <div class="page-right">
        <nav aria-label="Page navigation" class="page-self">
            <ul class="pagination">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                    <a href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

    <!--修改弹框-->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">New message</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label"><i>*</i>订单编号</label>
                            <input type="text" class="form-control" id="recipient-name">
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label"><i>*</i>修改订单状态</label>
                            <select name="" id="" class="form-control" id="message-text">
                                <option value="修改订单状态" selected disabled>修改订单状态</option>
                                <option value="待确认状态">待确认状态</option>
                                <option value="已分配状态">已分配状态</option>
                                <option value="结束状态">结束状态</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-333" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">修改</button>
                </div>
            </div>
        </div>
    </div>
    <!--引入模态框和复选框js-->
    <script src="../../js/checkbox.js"></script>
</div>
</body>
</html>